@layout("/common/_container.html"){
<style type="text/css">
#allmap {
    height: 400px;
    overflow: hidden;
    font-family:"微软雅黑";
}
.mask {       
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;     
    z-index: 1002; left: 0px;     
    opacity:0.5; -moz-opacity:0.5;     
}
#cellList {height:200px; overflow:auto;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=esCmoRsS0550Qaa9YSI8SqglYh4G0c1g">
</script>
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js">
</script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="subAreaInfoForm">
            <input type="hidden" id="id" value="${subArea.id}">
            <input type="hidden" id="pid" value="${area.id}">
            <input type="hidden" id="lon" value="${area.lon}">
            <input type="hidden" id="lat" value="${area.lat}">
            <input type="hidden" id="city" value="${area.city}">
            <input type="hidden" id="lonLat" value="${subArea.lonLat}">
            <input type="hidden" id="lacCi" value="${subArea.lacCi}">
            <input type="hidden" id="cellJson" value="${cellJson}">
            <div class="row">
                <div class="col-sm-10 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">所在城市</label>
                        <div class="col-sm-9">
                             <label class="col-sm-3 control-label">${area.city}</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">区域名称</label>
                        <div class="col-sm-9">
                             <label class="col-sm-3 control-label">${area.name}</label>
                        </div>
                    </div>
                    <#input id="name" name="子区域名称" value="${subArea.name}"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">地理位置</label>
                        <div class="col-sm-9">
                            <div id="allmap">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">基站名称</label>
                        <div class="col-sm-9">
                            <div class="checkbox m-r-xs" id="cellList">
                                <!-- <label class="i-checks" id ="i-checks"><input type="checkbox" name="lacCi[]" id="lacCi">xxx-xx-x</label> -->
                            </div>
                        </div>
                    </div>
                    <#input id="warningValue" name="警戒值（人）" value="${subArea.warningValue}"/>
                    <#input id="saturationValue" name="饱和值（人）" value="${subArea.saturationValue}"/>
                    <#input id="severeValue" name="严重值（人）" value="${subArea.severeValue}"/>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="SubAreaInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="SubAreaInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/area/subArea_info.js"></script>
@}
